import React from 'react';
import { View, StyleSheet } from 'react-native';
import colors from '../../config/colors';
import ViewPropTypes from '../../config/ViewPropTypes';

const VerticalBar = ({
  verticalBarStyle
}) =>
  <View style={[styles.verticalBarContainer, verticalBarStyle && verticalBarStyle]} />;

VerticalBar.propTypes = {
  style: ViewPropTypes.style
};

const styles = StyleSheet.create({
  verticalBarContainer: {
    width: 1,
    height: 60,
    backgroundColor: colors.grey5
  },
});

export default VerticalBar;
